import React from 'react'
import styles from './index.module.less'
import Description from './components/description/Description'
import ReportCards from './components/card/ReportCards'
import Charts from './components/chart'
import { useStore } from '@/store'

const DashboardPage: React.FC = () => {
  const userInfo = useStore(state => state.userInfo)
  return (
    <div className={styles.dashboard}>
      <div className={styles.userInfo}>
        <img src={userInfo.userImg} className={styles.userImg} />
        <Description />
      </div>
      <ReportCards />
      <Charts />
    </div>
  )
}

export default DashboardPage
